<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <meta charset="UTF-8">
    <title>后台管理</title>
</head>
<body>
<div class="page page-admin">
    <style>
        form.login-form{
           border-radius: 5px;
            width: 500px;
            margin: auto;
            padding:40px 60px;
            font-size:16px;
            background-color: #efefef;
        }
        .login-form input{
            border:none;
            background-color: transparent;
            box-shadow: none;
            text-align: center;
        }
        .login-form .line{
            margin:40px 0;
            padding: 0 20px;
            border-bottom: 1px solid #999;
        }
        .page-admin {min-height: 600px}
        .manage-body{
            /*position: absolute;*/
            /*top:0;left:0;*/
            /*width: 100%;*/
            /*display: none;*/
            padding:20px;
            font-size: 16px;
            line-height: 26px;
            text-align: left;
        }
        .msg-list>li{padding:10px 20px}
    </style>
    <div class="layout-main login">
        <div class="container">
            <form class="login-form">
                <h3 class="title">
                    <b>管理登陆</b>
                </h3>
                <div class="body">
                    <ul class="line">
                        <li class="c2">用户名</li>
                        <li><input name="username" class="input input-big c10"> </li>
                    </ul>
                    <ul class="line">
                        <li class="c2">密 &nbsp; 码</li>
                        <li><input type="password" name="passcode" class="input input-big c10"> </li>
                    </ul>
                    <div class="login-info text-red"></div>
                    <p>
                        <button class="btn btn-big bg-main c8">登陆</button>
                        </p>
                </div>
            </form>

        </div>
    </div>


    <div class="layout-main manage hidden">
        <div class="container">
                <div class="manage-nav">
                    <ul class="line">
                        <li class="c2">
                            <button id="viewEnquiry" class="btn btn-large bg-green">客户询价</button>
                        </li>
                        <li class="c2">
                            <button id="viewConsult" class="btn btn-large bg-red">投诉建议</button>
                        </li>
                        <li class="c2">
                            <button id="viewCase" class="btn btn-large bg-blue">案例管理</button>
                        </li>
                        <li class="text-right"><h3><a class="logout">退出登陆</a></h3></li>
                    </ul>
                    <hr>
                </div>
                <div class="manage-body">
                    <div class="enquiry msg-list">
                        <div>{price}<button class="btn btn-small bg-red float-right item-del">删除</button></div>
                        <hr>
                        <ul class="grid">
                            <li class="float-left c2">姓名：{name}</li>
                            <li class="float-left" >电话：{phone}</li>
                            <li class="float-right">{time}</li>
                        </ul>
                        <br><br>
                    </div>
                    <div class="consult msg-list">
                        <ul class="grid">
                            <li class="float-left c2">姓名：{name}</li>
                            <li class="float-left">电话：{concat}</li>
                            <li class="float-right">{time}</li>
                            <li class="cell c12">{msg}<button class="btn btn-small bg-red float-right item-del">删除</button></li>
                        </ul>
                        <hr>
                    </div>
                    <div class="case-list"></div>
                </div>

        </div>

    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>